<div class="page-orderlist page-product">
	
    <div class="product-header clearfix">
		<i class="icon icon-back" ng-click="back()"></i>
        我的订单
	</div>
    
    <div class="order-header manager-tab clearfix" style="height:auto;">
        <a href="javascript:void(0);" ng-click="switchTab('all')" class="order-tab-title" ng-class="{'selected':selection.tab == 'all'}">全部</a>
        <a href="javascript:void(0);" ng-click="switchTab('receiptWithOutPay')" class="order-tab-title" ng-class="{'selected':selection.tab == 'receiptWithOutPay'}">待收款</a>
        <a href="javascript:void(0);" ng-click="switchTab('logcenterShipping')" class="order-tab-title" ng-class="{'selected':selection.tab == 'logcenterShipping'}">送货中</a>
        <a href="javascript:void(0);" ng-click="switchTab('warehouseShipping')" class="order-tab-title" ng-class="{'selected':selection.tab == 'warehouseShipping'}">已发货</a>
        <a href="javascript:void(0);" ng-click="switchTab('warehousePrepare')" class="order-tab-title" ng-class="{'selected':selection.tab == 'warehousePrepare'}">备货中</a>
        <a href="javascript:void(0);" ng-click="switchTab('unstart')" class="order-tab-title" ng-class="{'selected':selection.tab == 'unstart'}">待处理</a>
    </div>
    <div class="orderlist-wrap" style="padding-top:50px;">
        <ul class="order-list" ng-if="orderList[selection.tab] && orderList[selection.tab].length>0" style="padding-left:0px;">
            <li class="order-item" ng-repeat="order in orderList[selection.tab]" style='margin-bottom:15px;'>
                <a class="order-item-content-link" href="javascript:void(0);" ng-click="gotoOrder(order.orderId)">
                <div class="order-item-title clearfix">
                    <div class="left">{{order.orderId}} <font class="orderlist-date">{{order.dateAdded}}</font></div>
                    <div class="right" style='color:{{order.isPay}}'>{{order.status}}</div>
                </div>
                <div class="order-item-content" style='font-size:13px;line-height:35px;'>
                    <div class="orderlist-gray" ng-repeat="shippingInfo in order.shippingInfo">{{shippingInfo}}</div>
                    <div style='float:left;' ng-if="order.soList.length > 0"><strong>出库单：</strong></div>
                    <div style='float:left;' ng-if="order.soList.length > 0">
                        <table style="width:100%;">
                        <tbody>
                        <tr ng-repeat="soInfo in order.soList">
                            <td style="width:40px;text-align:left;">{{soInfo.soId}}</td>
                            <td style="text-align:right;">{{soInfo.comment}} ({{soInfo.date}})</td>
                            <!--
                            <td style="width:65px;text-align:right;">{{soInfo.total}}</td>
                            -->
                        </tr>
                        </tbody>
                        </table>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="order-item-footer clearfix" style='font-size:14px;height:auto;line-height:30px;'>
                    <div class="price" style='float:left;line-height:40px;'><strong>应支付：</strong>{{order.total}} ({{order.paymentMethod}})</div>
                    <div class="price" style='float:right;line-height:40px;'><strong>出库总额：</strong>{{order.soTotal}}</div>
                </div>
                </a>
            </li>
        </ul>
        <div class="empty-order" ng-if="!orderList[selection.tab] || orderList[selection.tab].length<1">
            <div>暂无相关订单</div>
        </div>
        <div class="loading" ng-show="!withoutMore" id="LoadingPlace">正在加载...</div>
    </div>
</div>
